<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span><span
							class="icon-bar"></span><span class="icon-bar"></span><span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" style="color: blue;">ĐOÀN KHOA</a>
				</div>

				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">TRANG CHỦ</a></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">QUẢN LÝ VĂN BẢN<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li><a href=";#">VĂN BẢN CHỜ DUYỆT</a></li>
								<li><a href="#">.....</a></li>
							</ul></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">QUẢN LÝ HOẠT ĐỘNG<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li class="active"><a href=";#">Danh Sách Hoạt Động</a></li>
								<li><a href="#">Thêm Hoạt Động</a></li>
								<li><a href="#">Đánh giá hoạt động</a></li>
								<li class="divider"></li>
								<li><a href="#">Tổng kết</a></li>
							</ul></li>

						<li><a href="#">ĐỔI MẬT KHẨU</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#">THOÁT</a></li>
					</ul>
				</div>
				</nav>

				<div class="span7" style="margin-left: 15em;">
					<div>
						<button type="button" id="capNhatThongTin"
							class="btn btn-primary btn-default">Cập nhật thông tin</button>
					</div>
					<br />
					<div class="panel panel-info" style="width: 40em;">
						<div class="panel-heading">
							<h4>THÔNG TIN ĐOÀN VIÊN</h4>
						</div>
						<div class="panel-body">
							<table>
								<tr>
									<td style="width: 15em;">Mã số sinh viên</td>
									<td style="width: 30em;">11110226</td>
								</tr>
								<tr>
									<td>Họ và tên</td>
									<td>Nguyễn Thanh Minh</td>
								</tr>
								<tr>
									<td>Ngày sinh</td>
									<td>20-7-1993</td>
								</tr>
								<tr>
									<td>Giới tính</td>
									<td>Nam</td>
								</tr>
								<tr>
									<td>Dân tộc</td>
									<td>Kinh</td>
								</tr>
								<tr>
									<td>Tôn giáo</td>
									<td>Không</td>
								</tr>
								<tr>
									<td>Đoàn/Đảng</td>
									<td>Đoàn viên</td>
								</tr>
								<tr>
									<td>Tỉnh/Thành phố</td>
									<td>Tiền Giang</td>
								</tr>
								<tr>
									<td>Quận/Huyện</td>
									<td>Gò Công Tây</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="panel panel-info" style="width: 40em;">
						<div class="panel-heading">
							<h4>THÔNG TIN KHÓA HỌC</h4>
						</div>
						<div class="panel-body">
							<table>
								<tr>
									<td style="width: 15em;">Khóa học</td>
									<td style="width: 30em;">Khóa 2011</td>
								</tr>
								<tr>
									<td>Niên khóa</td>
									<td>2011-2015</td>
								</tr>
								<tr>
									<td>Năm nhập học</td>
									<td>2011</td>
								</tr>
								<tr>
									<td>Chi đoàn</td>
									<td>11110CLC</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="panel panel-info" style="width: 40em;">
						<div class="panel-heading">
							<h4>THÔNG TIN LIÊN LẠC</h4>
						</div>
						<div class="panel-body">
							<table>
								<tr>
									<td style="width: 15em;">Điện thoại</td>
									<td style="width: 30em;">01659121521</td>
								</tr>
								<tr>
									<td>Email liên lạc</td>
									<td>ntminh@gmail.com</td>
								</tr>
								<tr>
									<td>Địa chỉ hiện tại</td>
									<td>22/2,Đường 109, Phường PLB, Quận 9</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>